
.page{
	padding-left:10%;
	padding-right:10%;
	padding-top: 2%;
	width:100%;
	font-family:"Times New Roman",Georgia,Serif;
	font-size: 13px;
}

.mainBody{
	width:80%;
}

.header{
	width:80%;
	border-bottom: 4px solid #DDDDDD;
}

.heading1{
	font-size: 35px;
	letter-spacing: 1px;
	margin:3px;
	font-weight:bold;
	color: #444;
}

.heading2{
	font-size: 18px;
	letter-spacing: 0.6px;
	margin:3px;
	font-weight:bold;
	color: #ccc;
}

.heading3{
	font-size: 18px;
	letter-spacing: 0.6px;
	margin:3px;
	font-weight:bold;
	color: #444;
}

.bodyItem{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom: 2px solid #DDD;
}

.ItemHeading{
	font-size:24px;
	letter-spacing:0.6px;
	font-weight:bold;
	color: #222;
}

.gradingItem{
	padding:5px;
	margin: 5px 15px 5px 15px;
	border-bottom: 1px solid #DDD;
}

.gradingItemType{
	font-size:12px;
	color:#888;
}

.gradingItemName{
	font-size:20px;
	font-weight:bold;
	color:#444;
}

.gradingItemDetails{
	font-weight:bold;
}

.gradingItem td{
	font-size:12px;
}

.gradeHeader td{
	background-color: #ddd;
	padding:2px;
	text-align:center;
	border:1px solid #aaa;
}

table.grades {
	border: 1px solid #EEE;
	border-collapse:collapse;
}

.gradeBody td{
	border:1px solid #EEE;
	text-align:center;
}

.courseNameList td{
	font-size:14px;
	font-weight:bold;
}

.peopleTable{
	border-collapse:collapse;
}

.peopleTable td{
	border:1px solid #CCC;
	
}